/*-------------------------------------------------------------------------------------------*/
/* 0. RESET (fix blogger style) */
/*-------------------------------------------------------------------------------------------*/
.quickedit {display:none;}
#navbar-iframe { visibility:hidden !important; display:none !important; height:0 !important;} 


/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP (fix for kywk:blogspot) */
/*-------------------------------------------------------------------------------------------*/
body { margin:0 0 0 0; }
header { padding-top: 20px;}

a:hover .label, a:active .label {
  background-color:#555;
  color:#eee;
}

h1, h2, h3, h4, h5 {
  text-shadow:1px 1px 3px #aaa;
}

img {
  margin: 7px;
  padding: 2px !important;
  border: 1px solid rgba(0,0,0,0.45) !important;
  background: #fff !important;
  box-shadow: rgba(0,0,0,1.0) 0px 0px 2px,rgba(255,255,255,0.15) 0px 1px 1px inset !important;
}


/*-------------------------------------------------------------------------------------------*/
/* 2. HEADER */
/*-------------------------------------------------------------------------------------------*/
.navbar a{
  border:none;
}

.boxing {
  padding:10px 0 10px 0;
  border:1px solid #999;
  background-color:#eee;
  line-height:1.5;
  font-size:.9em;
}

/*-------------------------------------------------------------------------------------------*/
/* 3. MAIN CONTENT */
/*-------------------------------------------------------------------------------------------*/
article { margin: 0 0 35px 0; }

.article-main a:link, .boxing a:link {
  display: inline-block;
  margin: -3px;
  padding: 5px;
  border: 1px solid rgba(0,0,0,0.0);
  box-shadow: rgba(0,0,0,0) 0px 0px 2px;
  background: rgba(0,0,0,0.0);
}
.article-main a:hover, .boxing a:hover {
  border: 1px solid rgba(0,0,0,0.45);
  border-radius: 4px;
  box-shadow: rgba(0,0,0,1.0) 0px 0px 2px,rgba(255,255,255,0.15) 0px 1px 1px inset;
  background: rgba(90,90,90,1.0);
  color: rgba(250,250,250,1.0);
  text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
}

.article-entry {
  padding: 15px 0;

  text-align:justify;
  line-height:27px;
  letter-spacing: 0.5px;
  font-size:15px;
  text-shadow: white 0px 1px 0px;
}
.article-ad, .article-comment {
  margin: 25px 0 0 0;
}
.article-title h1 {
  font-weight:300;
  font-style:normal;
}

.date {
  display: block;
  margin: 0 5px 10px 0;
  padding: 10px;
  border-right: #4488BB 3px solid;
  text-align: center;
}
.date .day {
  font: normal bold 28px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
}
.date .month {
  font-size: .7em;
  white-space: nowrap;
}

footer {
  text-align:center;
  font-size:.5em;
}

/*-------------------------------------------------------------------------------------------*/
/* X. COMPONENT (fix for kywk:blogstrap) */
/*-------------------------------------------------------------------------------------------*/
pre, code {
  display: block;
  padding: 5px 10px;
  background-color: #333;
  color: #ddd;
  font-family:Courier New, Courier, monospace;
  text-align: left;
  text-shadow: black 0px 1px 0px;
  letter-spacing: 0px;
}

/* fix gist-it color-theme */
.gist-data {
  background-color: #444 !important;
  color: #eee;
}

/*-------------------------------------------------------------------------------------------*/
/* Y. COMPONENT */
/*-------------------------------------------------------------------------------------------*/

/* Art block for reading/movice/art/... etc */
.art img {
  border: none !important;
  box-shadow: 0 8px 6px -6px black !important;
}
.art .infobox {
  padding: 0 10px 5px;

  border-style: dashed;
  border-width: 1px;
  border-color: #aaa;
  -webkit-box-shadow: 0 8px 6px -6px #444;
     -moz-box-shadow: 0 8px 6px -6px #444;
          box-shadow: 0 8px 6px -6px #444;
}
.art .msgbox{
  border-top: 1px solid #aaa;
}
.art .title {
  display: inline;
  position: relative;
  top: -0.9em;
  left: 2.5em;
  padding: 2px 7px;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  background-color: #f0f0f0;
}

/* */
.surf, .links {
  line-height:22px;
  letter-spacing: 1.5px;
  font-size:13px;
}
.surf a {
  display: inline !important;
  margin: 1px 1px 1px 20px !important;
}
.surf c, .surf d {
  color: #666;
  font-size: .85em;
}
.surf c {
  margin:0 0 1px 40px;
}
.surf c a, .surf a c, .surf li a{
  margin-left: 0 !important;
}

/*-------------------------------------------------------------------------------------------*/
/* Z. SPAGE: Works as standalone page for complexity and flexible layout */
/*-------------------------------------------------------------------------------------------*/
/* Image box with overlap captions */
.imgalt {
  display: block;
  position: relative;
}
.imgalt div {
  position: absolute; 
  bottom: 10px;
  left: 10px; 
  padding: 5px; 

  background-color:black !important;
  opacity:0.6 !important;
  filter:alpha(opacity=60) !important;

  line-height: 130%; 
  text-align: center; 
  font-family: 'tahoma';
  font-size: 13px;
  text-shadow: #333 1px 1px 1px;
  color: #ffffff; 
}

.spage2c {
  -webkit-column-width: 400px;
     -moz-column-width: 400px;
          column-width: 400px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
